<!-- 定义网页根元素为html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--在浏览器标签栏出现公司logo-->
		<link rel="icon" href="img/tit.png">
		<title>2019级毕业实习</title>
	</head>
	<body>
		<h2>表单</h2>
		<form action="tit.html" action="post">
			用户名 <input type="text" placeholder="请输入用户名"/>
			<br />	
			密码 <input type="password" />
			<br>
			生日 <input type="date" />
			<br>
			性别 <input type="radio" name="gender" />男
				 <input type="radio" name="gender" />女
				 <br>
			籍贯<select>
				<option>河北</option>
				<option>辽宁</option>
				<option>广东</option>
				</select>
				<br>
				爱好 <input type="checkbox" />踢球
					<input type="checkbox" />旅游
					<input type="checkbox" />骑行
					<br>
					照片<input type="file" />
					<br>
					备注<textarea placeholder="请输入..." cols="30" rows="20"></textarea>
					<input type="submit" name="" id="" value="注册" />
					<input type="reset" name="" id="" value="重填" />
			</form>
					<h2>超链接</h2>
					<a href="http://www.tyust.edu.cn">太原科技大学</a>
					<br>
					<a href="tit.html">太原工业学院</a>
					<h2>图片</h2>
					<img src="img/tit.png" width="500"/>
					<h2>表格</h2>
					<table border="1px" width="500px" cellpadding="">
						<tr>
							<td>车次</td>
							<td>出发站</td>
							<td>历时</td>
							<td>
								<button type="button">预定</button>
							</td>
						</tr>
						<tr>
							<td>G601/td>
							<td>太原南</td>
							<td>2小时15分</td>
							<td>
								<button type="button">预定</button>
							</td>
						</tr>
					</table>
					<h2>DIV</h2>
					<div>
						太原工业学院、科大、计算机学院、宋书记等；
						放什么自己定
						<img src="img/tit.png" >
					</div>
						<h2>span用法</h2>
						<input type="text" > <span style="color: red">用户名不能空!</span> 
						<h2>列表</h2>
						<ul>
							<li>软工</li>
							<li>智科</li>
							<li>物联网</li>
						</ul>
						
						<ol>
							<li>软工</li>
							<li>智科</li>
							<li>物联网</li>
						</ol>
				
	</body>
</html>
